<div class="platform-content">
    <div class="platform-header">
        <div class="header-con">
            <div class="link">
                <a  (click)="showProductList = true">产品</a>
                <a  routerLink="/home">案例</a>
                <a  routerLink="/home">合作</a>
            </div>
            <div class="font">
                <p>全新升级上线</p>
                <button nz-button nzType="primary" (click)="inHome()">进入工作台</button>
            </div>
        </div>
    </div>
    <div *ngIf="!showProductList" class="plateform-container">
        <div class="title">特色业务</div>
        <div class="gutter-example">
            <div nz-row nzGutter="16">
                <div nz-col class="gutter-row" nzSpan="8">
                    <div class="gutter-box">
<!--                        <div class="point-image"></div>-->
<!--                        <div class="font">-->
<!--                            网点管理-->
<!--                        </div>-->
                        <nz-card nzHoverable style="width:100%;" [nzCover]="coverTemplate1">
                            <nz-card-meta nzTitle="网点管理" nzDescription="网点管理案例"></nz-card-meta>
                        </nz-card>
                        <ng-template #coverTemplate1>
                            <img style="height: 300px;" alt="example" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1962533290,3366561561&fm=26&gp=0.jpg" />
                        </ng-template>
                    </div>
                </div>
                <div nz-col class="gutter-row" nzSpan="8">
                    <div class="gutter-box">
                        <nz-card nzHoverable style="width:100%;" [nzCover]="coverTemplate2">
                            <nz-card-meta nzTitle="区划管理" nzDescription="区划管理案例"></nz-card-meta>
                        </nz-card>
                        <ng-template #coverTemplate2>
                            <img style="height: 300px;" alt="example" src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2236965306,1288737886&fm=26&gp=0.jpg" />
                        </ng-template>
                    </div>
                </div>
                <div nz-col class="gutter-row" nzSpan="8">
                    <div class="gutter-box">
                        <nz-card nzHoverable style="width:100%;" [nzCover]="coverTemplate3">
                            <nz-card-meta nzTitle="线路管理" nzDescription="线路管理案例"></nz-card-meta>
                        </nz-card>
                        <ng-template #coverTemplate3>
                            <img style="height: 300px;" alt="example" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1962533290,3366561561&fm=26&gp=0.jpg" />
                        </ng-template>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <kylin-product *ngIf="showProductList"></kylin-product>
    <div class="plateform-footer">
        <div class="footer">
            <div class="gutter-example">
                <div nz-row nzGutter="16">
                    <div nz-col class="gutter-row" nzSpan="8">
                        <div class="gutter-box">
                            <div class="base-info">
                                <div class="title">
                                    联系我们
                                </div>
                                <ul>
                                    <li class="gem-name">北京天创金农科技有限公司</li>
                                    <li>ADD：中国.陕西省西安市高新区瑞信大厦14c</li>
                                    <li>TEL：0591-83701411</li>
                                    <li class="img">

                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div nz-col class="gutter-row" nzSpan="8">
                        <div class="gutter-box">
                            <div class="base-info">
                                <div class="title">
                                    友情链接
                                </div>
                                <ul>
                                    <li>森林智能管护系统</li>
                                    <li>草原监理信息平台</li>
                                    <li>耕地质量信息管理平台</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div nz-col class="gutter-row" nzSpan="8">
                        <div class="base-info">
                            <div class="title">
                                企业信息
                            </div>
                            <ul>
                                <li >关于我们</li>
                                <li><a target="_blank" href="http://www.bjtcjn.com/index.html">企业官网</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="copy">
            Copyright © 北京天创金农科技有限公司, All Rights Reserved.
        </div>
    </div>
</div>
